*{
    margin: 0;
    padding: 0;
}
.header{
    top: -280px;
}
.navigation{
    top: 280px;
}
.bei_tu img{
    width: 100%;
}
.bei_ti{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
}
.bei_ti h1{
    position: absolute;
    top: 465px;
    left: 180px;
    color: #fff;
    font-size: 55px;
}
.navbar{
    position: relative;
    width: 100%;
    height: 900px;
    background: #fff;
    top: 400px;
    left: 0;
}
.content{
    position: absolute;
    width: 1170px; 
    top: 12%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.cont-title h1{
    font-size: 35px;
}
.cont-title p{
    font-size: 16px;
    margin-top: 0.7%;
}
.zhucont{
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}
.zhucont>div{
    flex-basis: 45%;
    text-align: center;
}
.cont-right img{
    width: 100%;
}
.cont-left input{
    width: 458px;
    padding: 24px 20px;
    border: 1px solid #ccc;
    font-size: 17px;
    margin-top: 15px;
}
#yuedu{
    width: 13px;
}
.cont-left label{
    font-size: 17px;
}
#submit{
    cursor: pointer;
    width: 500px;
    background-color: #e90101;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}
.or{
    text-align: center;
    margin-top: 15px;
}
.or span{
    color: #ccc;
}
.or p{
    font-size: 17px;
    margin: 15px 0; 
}
.or-deng a{
    background-color: #9c9a9a;
    display: inline-block;
    width: 47%;
    padding: 4% 0;
    color: #fff;
    transition: 0.5s;
}
.or-deng a i{
    font-size: 25px;
}
.or-deng a:hover{
    background-color: #111;
}
.copyright{
    position: relative;
    top: 900px;
}